<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>1766旅游网_中国最好的旅游网_首页</title>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/main.css"/>
		<style>
			#myCarousel{
				min-height:449px;
			}
		</style>
	</head>
<body>
<include file="nav"/>
		<include file="Carousel"/>
		<!--搜索框开始-->
		<div id="myBtn" class="hidden-xs">
			<form action="http://1766.party/index.php/Home/Index/search" method="get" target="_blank">
	            <div class="input-group">
	                <input type="text" name="key" class="form-control" placeholder="请输入关键词">
	                <span class="input-group-btn">
	                    <button class="btn btn-default" type="submit">开始搜索</button>
	                </span>
	            </div>
            </form>
        </div>
		<!--搜索框结束-->
		<!--主内容开始-->
		<div class="container">
			<include file="left"/>
			<div class="col-md-8 col-xs-12" id="mainright">
				<!--广告图-->
				<a href="{$ads01['link']}" target="_blank" width="100%">
					<img src="{$ads01['img']}" style="width:100%"/>
				</a>
				<!--主内容结束-->
		<foreach item="arts" name="arts">		
		<div class="media">
		    <a class="pull-left" href="#">
		        <img class="media-object" src="{$arts['img_path']|default='/PUBLIC/images/static/201611030515.jpg'}" style="width:220px;height:150px;">
		    </a>
		    
		    <div class="media-body">
		    	<a href="{:U('Home/Page/Index',array('id'=>$arts['aid']))}">
		        <h4 class="media-heading">
		        	{$arts['title']}
		        </h4>
		        	<p class="media-content">
		        		{$arts['cutcon']}.....
		        	</p>
				<div class="paperBottom">
					<span><i class="glyphicon glyphicon-camera"></i>北京</span>
					<span><i class="glyphicon glyphicon-user"></i>By:{$arts['author']}</span>
					<span><i class="glyphicon glyphicon-eye-open"></i>{$arts['clicknum']}</span>
				</div>	 
				</a> 	      
			</div>
			
		</div>
		</foreach>	
		<!-- 分页显示 -->
			{$page}
		</div>
		</div>
		<include file="footer"/>
		<script src="__PUBLIC__/Home/js/jquery.min.js"></script>
		<script src="__PUBLIC__/Home/js/bootstrap.min.js"></script>
		<script>
			//active
			document.getElementsByClassName('item')[0].setAttribute("class",'item active');
			document.getElementsByClassName('lunbod')[0].setAttribute("class",'active');
			//轮播图左右
			$(function(){
				var arr = document.getElementsByClassName('carousel-control');
				var height = $('#myCarousel').height()+'px';
				console.log(height);
				//var height = parseInt(getComputedStyle(a,null).height)+'px';
				if(height == '0px'){
					height = '449px';
				}
				arr[0].style.lineHeight = height;
				arr[1].style.lineHeight = height;
			})
		</script>
	</body>
</html>
